﻿.boy{background:url(/userfiles/images/ico-boy.png) no-repeat}
.girl{background:url(/userfiles/images/ico-girl.png) no-repeat}
.baby{background:url(/Template/Name8/images/baby_24x24.png) no-repeat 0 3px}
.qq{background:url(/Template/Name8/images/qq_24x24.png) no-repeat 0 3px}
.pubico{background:url(/Template/Name8/images/i02.png) no-repeat 0 3px}
.flico{background:url(/Template/Name8/images/i01.png) no-repeat 0 3px}
.weixin{background:url(/Template/Name8/images/weixin_24x24.png) no-repeat 0 3px}
.wrapmain{background-position:right bottom;width:1160px;margin:0 auto}
.listnav{width:160px;height:376px;padding:10px 10px 10px 15px}
.lcolorblue{background-color:#f1f9fa}
.lcolorred{background-color:#fff5f5}
.lcoloryellow{background-color:#f8f4e9}
.lcolorgreen{background-color:#eafcee}
.itembox{margin-top:10px;clear:both}
.itembox h4{line-height:20px;position:relative;padding-left:15px;margin-top:13px}
.itembox h4:before{content:"";display:block;height:12px;width:6px;background:#36ad9e;position:absolute;top:4px;border-radius:10px;left:0}
.itembox h4.bt1{margin-top:20px}
.itembox h4.bt2{margin-top:20px}
.itembox .bt2:before{background:#e8b856}
.nav_nr{margin-top:10px}
.nav_nr a{font-size:12px;display:block;float:left;width:48%;line-height:24px;margin-bottom:8px;color:#666;height:24px;overflow:hidden}
.nav_nr a:nth-child(2n){float:right}
.nav_nr a:hover{color:#36ad9e;font-weight:bold}
.articlepic{width:640px;margin-left:20px;margin-top:20px}
.imgrow1{width:640px;height:150px;margin-top:20px}
.imgrow1 li{width:23%;height:116px;padding-bottom:20px;padding-right:10px;overflow:hidden}
.imgrow1 li p{margin-top:10px}
.imgrow1 li img{width:120px;height:82px;border:1px solid #f0f0f2;left:0;border-radius:5px;margin-right:10px}
.imgcol2{width:640px;margin-top:20px}
.imgcol2 li{width:48%;*width:34%;height:84px;padding-bottom:20px;float:left}
.imgcol2 li img{width:120px;height:82px;border:1px solid #f0f0f2;left:0;border-radius:3px;float:left;margin-right:10px}
.articlenew{width:640px;clear:both}
.lm_nwes{width:49%}
.lm_nwes ul li{width:90%;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding-left:10px}
.articlenew .title1{background-color:#f5f9f9;border-radius:5px;line-height:40px;margin-bottom:13px;padding-left:18px}
.articlenew .title1 em{top:8px;left:10px}
.title1 em{position:absolute;border-radius:100%;font-size:20px;text-align:center;line-height:26px;left:0;top:2px}
.ca{color:#36ad9e}
.lb_b{font-size:14px;color:#999;margin-top:15px}
.c9{color:#36ad9e}.rightbox{width:300px;margin-top:20px;float:left}
.rightbox .toptitle{height:35px;line-height:35px;border-bottom:2px solid #f5f9f9}
.rightbox ul{padding:8px 0px 4px 4px;margin:0px;min-height:336px}
.rightbox ul li{line-height:33px;height:33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rightbox ul li span{display:block;float:left}
.rightbox ul li span{margin:8px 8px 5px 0px;width:17px;height:17px;color:#FFF;font:11px/16px 'Microsoft YaHei','宋体','Arial','SimSun';border-radius:3px;white-space:nowrap;text-align:center;display:inline-block;background-color:#d4dcdc}
.rightbox ul li span.a1{background-color:#f95e5e}
.rightbox ul li span.a2{background-color:#ff7e00}
.rightbox ul li span.a3{background-color:#f4be8a}
.rightbox ul li span.ax{background-color:#36ad9e}
.swipermain{width:480px;float:left}
.swiperbottom{margin-top:20px;width:480px;justify-content:space-between}
.swiperbottom li{width:147px;float:left}
.swiperbottom ul li img{border-radius:5px}
.swiperbottom ul li:first-child{padding-right:18px}
.swiperbottom ul li:last-child{padding-left:18px}
.swiper{width:480px;height:320px;margin:0px auto;position:relative;overflow:hidden}
.swiper .imgURL{list-style:none;padding:0}
.swiper .imgURL li div{color:#FFF;position:absolute;bottom:0;left:0;background-color:rgba( 186,218,85,0.5 );width:100%;overflow:hidden;height:40px;line-height:40px;padding-left:10px}
.swiper .imgURL li{position:absolute;display:none}
.swiper .imgURL li:first-child{display:block}
.swiper .imgURL li img{width:480px;height:320px}
.swiper .imgURL .selectLi{display:block}
.leftBtn,.rightBtn{position:absolute;width:30px;height:50px;background-color:rgba(0,0,0,.1);font-size:25px;top:40%;text-align:center;line-height:50px;cursor:pointer}
.rightBtn{right:0}
.leftBtn:hover,.rightBtn:hover{color:#fff;background-color:rgba(0,0,0,.5)}
.swiper .maodianUl{list-style:none;position:absolute;padding:0;bottom:10px;right:2%}
.swiper .maodianUl li{display:inline-block;width:22px;height:22px;background-color:orange;text-align:center;line-height:22px;border-radius:50%}
.swiper .maodianUl .selectMaoDian{background-color:purple}
.swiper .maodianUl li a{text-decoration:none;color:white}
.todaylist{width:320px;float:left;margin-left:20px;margin-top:10px}
.todaylist ul{margin-top:20px}
.todaylist ul li{padding:2px 0;width:100%;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.todaylist ul li a{position:relative;padding-left:30px;line-height:30px}
.special{width:300px;border:1px solid #f0f0f2;background:#fff;border-radius:2px;float:right}
.special .compont-title{height:48px;-webkit-box-shadow:0 1px 0 0 #f0f0f2;box-shadow:0 1px 0 0 #f0f0f2;border-radius:2px 2px 0 0;line-height:48px;background:#fff;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.special .compont-title a{color:#999aaa}
.special .compont-title h3{display:inline-block;font-size:18px;font-weight:700;color:#222226}
.special .compont-title .top-title img{width:24px;height:24px;margin-right:4px}
.special .compont-title span{display:inline-block;font-size:14px;font-weight:400;color:#555666}
.special .special-content{padding:0 20px 20px;width:260px}
.special .special-content .special-item{margin-top:20px}
.special .special-content .special-item > a{display:-webkit-box;display:-ms-flexbox;display:flex}
.special .special-content .special-item:hover .text{text-decoration:underline}
.special .special-content .special-item .image{width:120px;height:68px;padding-right:10px}
.special .special-content .special-item .text{width:120px;height:68px;overflow:hidden;line-height:24px;text-overflow:ellipsis}
.icon-w{background:#36ad9e;color:#fff;font-size:12px;font-weight:normal;width:14px;height:14px;line-height:14px;display:block;left:0;top:5px;position:absolute;text-align:center}
.icon-w:before{content:"w"}
.icon-h{background:#36ad9e;color:#fff;font-size:8px;font-weight:normal;width:8px;height:8px;line-height:8px;display:block;left:0;top:3px;position:absolute;text-align:center;padding:4px}
.icon-h:before{content:"H"}
.iconfont{font-family:"Microsoft YaHei" !important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.lb_bt{height:48px;line-height:24px;overflow:hidden}
.imghover{overflow:hidden;border-radius:3px}
.imghover img{transition:all 0.3s ease-out;-moz-transition:-moz-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-o-transition:-o-transform 0.3s;transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1)}
.imghover:hover img{transition:transform 0.3s;-moz-transition:-moz-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-o-transition:-o-transform 0.3s;transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05)}
.yy{box-shadow:0 4px 8px #f5f5f5}
.imgListWrap{margin-top:20px}
.imgListWrap ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.imgListWrap ul li{float:left;width:17.8%;height:170px}
.imgListWrap ul li img{width:204px;height:120px;margin:0 30px 0 0;border-radius:3px}
.imgListWrap ul li .link{height:36px;line-height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.imgListWrap ul li div{font-size:12px}
.imgListWrap ul li time{margin-left:10px;font-size:12px;color:#999}
.friendlinks{font-size:14px;padding:10px}
.friendlinks a{margin-right:20px;height:30px;line-height:30px;display:block;float:left}

.morenav{
    min-height:60px;
   
}
    .morenav ul {
        clear: both;        
        font-size: 14px;
        color: #666;
        display: inline;
        padding-bottom: 20px;
    }

    .morenav ul li {
        width: 116px;
        display: inline;
        height: 30px;
        line-height: 30px;
        float: left;
    }

    .morenav ul a {
        margin: 0 6px;
        padding: 0
    }